<!DOCTYPE html>
<html>
<!-- 作者：霍珊珊 -->
  <head>
    <meta charset="UTF-8">
    <title>个人排行榜</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/mycss/PersonalRank.css">
  </head>

  <body style="width:100%">
    <div class="right">
      <div class="search">
        <button class="layui-btn">导出排名</button>
        <input type="text" class="form-control search-input" placeholder="请输入" />
      </div>
      <div class="per-rank">
        <div class="per-rank-title">
          <i>个人排行榜</i>
        </div>
        <div class="per-rank-con">
          <ul>
            <li>
              <img class="avater" src="./img/timg.jpg"></img>
              <div class="name-score-pho">
                <span class="name">温锋</span>
                <span class="pho">18756305452</span>
                <span class="score">90.00分</span>
              </div>
              <div class="rankNO1">
                <i>NO.1</i>
              </div>
            </li>
            <li>
              <img class="avater" src="./img/timg.jpg"></img>
              <div class="name-score-pho">
                <span class="name">黄莹莹</span>
                <span class="pho">18056248654</span>
                <span class="score">87.00分</span>
              </div>
              <div class="rankNO2">
                <i>NO.2</i>
              </div>
            </li>
            <li>
              <img class="avater" src="./img/timg.jpg"></img>
              <div class="name-score-pho">
                <span class="name">卢维楷</span>
                <span class="pho">1502456812</span>
                <span class="score">75.00分</span>
              </div>
              <div class="rankNO3">
                <i>NO.3</i>
              </div>
            </li>
            <li>
              <img class="avater" src="./img/timg.jpg"></img>
              <div class="name-score-pho">
                <span class="name">武宣宁</span>
                <span class="pho">17752584568</span>
                <span class="score">73.00分</span>
              </div>
              <div class="rankNO4">
                <i>NO.4</i>
              </div>
            </li>
            <li>
              <img class="avater" src="./img/timg.jpg"></img>
              <div class="name-score-pho">
                <span class="name">武宣宁</span>
                <span class="pho">17752584568</span>
                <span class="score">73.00分</span>
              </div>
              <div class="rankNO4">
                <i>NO.5</i>
              </div>
            </li>
            <li>
              <img class="avater" src="./img/timg.jpg"></img>
              <div class="name-score-pho">
                <span class="name">武宣宁</span>
                <span class="pho">17752584568</span>
                <span class="score">73.00分</span>
              </div>
              <div class="rankNO4">
                <i>NO.6</i>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="fanye-left"><</div>
      <div class="fanye-right">></div>
      <div class="page">分页</div>
    </div>
  </body>

</html>